<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <header class="headertop">
        <div class="time">12:00</div>
        <div class="iconfont1">
            <i class="iconfont icon-shoujixinhao"></i>
            <i class="iconfont icon-wuxianwang"></i>
            <i class="iconfont icon-dianchi"></i>
        </div>
    </header>
        <!-- gu广告蒙层 -->
        <main class="nost">
            <p class="fitness">源码健身</p>
            <!-- 广告背景图 -->
            <main class="advertising">
                <!-- 倒计时和动画的大盒子 -->
                <main class="bigcount-down">
                    <!-- 倒计时与跳过按钮 -->
                    <div id="countDown">
                        <b class="count-down">5</b>|
                        <span class="skip">跳过</span>
                    </div>
                    <!-- 动画字母 -->
                    <div class="animation">HOLD &nbsp; ON</div>
                </main>
            </main>
        </main>
        <!-- 登录页背景 -->
        <main class="enter-page conceal">
            <!-- 登录页大盒子 -->
            <main class="ring-up-box">
                <span class="account">注册账号</span>
                <div class="mississippi">密码登录</div>
                <div style="height: 90px;"></div>
                <input type="text" class="inp11" placeholder="请输入账号">
                <div style="height: 19px;"></div>
                <input type="text" class="mimadenlu" placeholder="请输入密码">
                <div style="height: 19px;"></div>
                <input type="button" value="登录" class="loginbtn">
                <div style="height: 29px;"></div>
                <span class="forgetPass">忘记密码</span> <i class="iconfont icon-weixin2"></i><span class="wechat">微信登录</span>
                <div class="logo">- HOLD ON -</div>
            </main>
        </main>
</body>

</html>